.crm-e9theme-layout-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.crm-e9theme-layout-header {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 55px;
}

.crm-e9theme-layout-content {
    position: absolute;
    top: 55px;
    bottom: 0;
    z-index: 1;
    width: 100%;
}

.crm-e9theme-layout-mask {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    display: none;
}

.crm-e9theme-layout-aside {
    float: left;
    position: relative;
    z-index: 3;
    height: 100%;
}

.crm-e9theme-layout-main {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 10px;
    background-color: #e8edf4;
    overflow: hidden;
}

.crm-e9theme-layout-route {
    position: relative;
    z-index: 2;
    height: 100%;
    /* overflow: auto; */
}

.crm-e9theme-layout-route > div {
    position: relative;
    background-color: #fff;
}

.crm-e9theme-layout-clear {
    clear: both;
}

.crm-e9header-container {
    color: #fff;
    background-color: #0270c1;
    width: 100%;
    height: 55px;
    line-height: 55px;
}

.crm-e9header-left {
    float: left;
}

.crm-e9header-right {
    float: right;
}

.crm-e9header-top-menu-right{
    float:right;height:35px;margin-right: 12px;
}

.crm-e9header-toolbar-item {
    opacity: .7;
    filter: Alpha(opacity=70);
    cursor: pointer;
}

.crm-e9header-toolbar-item:hover {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.crm-e9header-top-logo {
    color: #fff;
    background-color: #008df7;
    float: left;
    position: relative;
    width: 197px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.crm-e9header-top-logo > img {
    width: 100%;
    height: 100%;
}

.crm-e9header-top-menu {
    float: left;    
    margin-left: 10px;
    margin-right: 20px;
}

.crm-e9header-top-menu-div{
    float:left;height:35px;width:auto;margin-left: 12px;
}

.crm-e9header-top-menu-item{
    font-size: 14px;cursor: pointer;color: rgb(164, 204, 235);
}

.crm-e9header-top-menu-item:hover{
    color: rgb(255,255,255);
}

.crm-e9header-top-menu-item-clicked{
    font-size: 14px;
    font-weight:bold;
    cursor: pointer;
    color: rgb(255,255,255)
}

.crm-e9header-container .wevicon {
    font-size: 18px;
    vertical-align: top;
}

@font-face {
    font-family: 'wevicon';
    src: url('/font/theme/weviconfont.eot');
    src: url('/font/theme/weviconfont.eot?#iefix') format('embedded-opentype'),
         url('/font/theme/weviconfont.woff') format('woff'),
         url('/font/theme/weviconfont.ttf') format('truetype'),
         url('/font/theme/weviconfont.svg#wevicon') format('svg');
}

.wevicon {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    vertical-align: middle;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wevicon:before {
    display: block;
    font-family: 'wevicon' !important;
}

.wevicon-quick-search-arrow:before     { content: "\e9b3"; }
.wevicon-quick-search-search:before    { content: "\e9bc"; }
.wevicon-quick-search-9:before         { content: "\e9aa"; }
.wevicon-quick-search-2:before         { content: "\e9a9"; }
.wevicon-quick-search-5:before         { content: "\e9a1"; }
.wevicon-quick-search-1:before         { content: "\e9a6"; }
.wevicon-quick-search-3:before         { content: "\e9a5"; }
.wevicon-quick-search-8:before         { content: "\e9a4"; }
.wevicon-quick-search-7:before         { content: "\e9a8"; }
.wevicon-quick-search-6:before         { content: "\e9a7"; }
.wevicon-quick-search-4:before         { content: "\e9a2"; }
.wevicon-quick-search-10:before        { content: "\e9a6"; }
.wevicon-quick-search-100:before       { content: "\e9a3"; }
.wevicon-account-password:before  { content: "\e900"; }
.wevicon-account-logout:before    { content: "\e901"; }

.crm-e9header-quick-search-types .ant-popover-open,
.crm-e9header-account .ant-popover-open {
    height: 55px;
    color: #11334e;
    background-color: #fff;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.crm-e9header-quick-search-types-overlay,
.crm-e9header-account-overlay {
    top: 55px !important;
    padding-top: 0;
}

.crm-e9header-quick-search-types-overlay .ant-popover-arrow,
.crm-e9header-account-overlay .ant-popover-arrow {
    display: none;
}


.crm-e9header-quick-search-types-overlay .ant-popover-inner,
.crm-e9header-account-overlay .ant-popover-inner {
    min-width: 50px;
    border-top: none;
    border-radius: 0;
    box-shadow: none;
}

.crm-e9header-quick-search-types-overlay .ant-popover-inner-content,
.crm-e9header-account-overlay .ant-popover-inner-content {
    padding: 0;
}

.crm-e9header-account .wevicon,
.crm-e9header-quick-search-types .wevicon {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}

.crm-e9header-account .ant-popover-open .wevicon,
.crm-e9header-quick-search-types .ant-popover-open .wevicon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.crm-e9header-quick-search {
    float: left;
    height: 37px;
    line-height: 37px;
    margin: 9px 0;
    background: rgba(0, 0, 0, .08);
    transition: background 0.6s;
}

.crm-e9header-quick-search:hover {
    background: rgba(0, 0, 0, .14);
}

.crm-e9header-quick-search-types {
    float: left;
    width: 60px;
    text-align: center;
    cursor: pointer;
}

.crm-e9header-quick-search-type > span {
    display: inline-block;
    width: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-e9header-quick-search-types-content {
    width: 120px;
    padding: 5px 0;
}

.crm-e9header-quick-search-types-item {
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
    color: #a6adb6;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.crm-e9header-quick-search-types-item:hover {
    color: #494d52;
    background-color: #eaeaea;
}

.crm-e9header-quick-search-types-item .wevicon {
    font-size: 16px;
    vertical-align: top;
}

.crm-e9header-quick-search-types-item > span {
    margin-left: 14px;
    color: #656b72;
}

.crm-e9header-quick-search-split {
    float: left;
    width: 1px;
    height: 15px;
    margin: 11px 8px;
    background-color: #fff;
    opacity: .3;
    filter: Alpha(opacity=30);
}

.crm-e9header-quick-search-content {
    float: left;
}

.crm-e9header-quick-search-input {
    width: 190px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    color: #fff;
    background: transparent;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.crm-e9header-quick-search-icon {
    float: left;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
}

.crm-e9header-quick-search-icon .wevicon {
    font-size: 15px;
    vertical-align: top;
}

.crm-e9aside-container {
    width: 100%;
    height: 100%;
}

.crm-e9aside-container .crm-wea-menu .wevicon {
    vertical-align: top !important;
}

.crm-e9aside-container .crm-wea-menu-vertical .ant-menu-submenu-active > ul {
    box-shadow: 1px 0 2px -1px #ccc;
}

.crm-e9aside-container .ant-menu-sub .crm-wea-menu-tip-inner {
    margin-left: 18px !important;
}

.crm-e9aside-container .ant-menu-item,
.crm-e9aside-container .ant-menu-submenu,
.crm-e9aside-container .ant-menu-submenu-title {
    position: relative;
    transition: none;
}

.crm-e9aside-container .crm-wea-menu-vertical .ant-menu-root > .ant-menu-item-active:before,
.crm-e9aside-container .crm-wea-menu-vertical .ant-menu-root > .ant-menu-submenu-active:before {
    position: absolute;
    top: 0;
}

/*菜单背景颜色*/
.crm-wea-menu {
	height: 100%;
	color: #727375;
	background-color: #f1f5f9;
}

.crm-wea-menu .scroll-wrapper> .scroll-content {
	overflow-x: hidden !important;
}

.crm-wea-menu .ant-menu-submenu {
	position: initial;
}

.crm-wea-menu-selected {
	background-color: #30bbff;
	color: #fff;
}

.crm-wea-menu-vertical .ant-menu-vertical {
	border: 0;
}

.crm-wea-menu-switch {
	text-align: center;
	height: 40px;
	background-color: #003666;
	cursor: pointer;
}

.crm-wea-menu-switch .anticon {
	line-height: 40px;
}

.crm-wea-menu-vertical .ant-menu-vertical .ant-menu-submenu>.ant-menu-sub {
	position: fixed;
}

.crm-wea-menu-vertical .crm-wea-menu-submenu-title {
	text-align: center;
	padding: 0 !important;
}

.crm-wea-menu-vertical .crm-wea-menu-submenu-title:after {
	display: none;
}

.crm-wea-menu-inline .ant-menu-submenu-title,
.crm-wea-menu-vertical .ant-menu-submenu-title,
.crm-wea-menu-inline .ant-menu-item,
.crm-wea-menu-vertical .ant-menu-item {
	background-color: rgba(0, 0, 0, 0);
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
}

/*字体超出*/
.crm-wea-menu-inline .ant-menu-submenu-title>div>span.crm-wea-menu-tip-out,
.crm-wea-menu-inline .ant-menu-item>div>span.crm-wea-menu-tip-out{
	display: block;
	max-width: 92%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*修复大小*/
.crm-wea-menu-vertical .ant-menu-item {
	margin-left: 0;
	left: 0;
}


/*选中样式*/
.crm-wea-menu-vertical .crm-wea-menu-selected,
.crm-wea-menu-inline .crm-wea-menu-selected {
	background-color: #30bbff;
	color: #fff;
}

/*小条目hover*/
.crm-wea-menu-inline .ant-menu-submenu-title:hover,
.crm-wea-menu-inline .ant-menu-item:hover,
.crm-wea-menu-vertical .ant-menu-submenu-active,
.crm-wea-menu-vertical .ant-menu-item-active{
	background-color: #0077d1;
	color: #fff;
}


/*纵向根菜单hover*/
.crm-wea-menu-vertical .ant-menu-root>.ant-menu-submenu-active,
.crm-wea-menu-vertical .ant-menu-root>.ant-menu-item-active {
	background-color: #e2e5ec;
}

/*小蓝标*/
.crm-wea-menu-vertical .ant-menu-root>.ant-menu-submenu-active:before,
.crm-wea-menu-vertical .ant-menu-root>.ant-menu-item-active:before {
	border: 2px solid #0077d1;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-top: 21px solid #0077d1;
	border-bottom: 21px solid #0077d1;
	position: absolute;
}

/*纵向菜单一级标题同色*/
.crm-wea-menu-vertical .ant-menu-root>.ant-menu-submenu-vertical>ul>li:first-child {
	text-indent: -1em;
}


/*hover出菜单样式*/
.crm-wea-menu-vertical .ant-menu-submenu-active>ul {
	border-radius: 0;
	box-shadow: 2px 0px 5px -1px #ddd;
	background-color: #e2e5ec;
}


/*选中的菜单hover保持不变*/
.crm-wea-menu-vertical .crm-wea-menu-selected:hover,
.crm-wea-menu-vertical .ant-menu-root>.ant-menu-submenu-vertical:hover>ul>li.crm-wea-menu-selected,
.crm-wea-menu-inline .crm-wea-menu-selected:hover {
	background-color: #30bbff;
	color: #fff;
}


/*去掉ant ul菜单右边框*/
.crm-wea-menu .ant-menu-inline,
.crm-wea-menu .crm-wea-menu-vertical {
	border: 0
}

.crm-e9aside-container .crm-wea-menu .crm-wea-menu-switch i{
    color: #fff;
    opacity: .6;
}

.crm-e9aside-container .crm-wea-menu {
    background-color: #2a2e35;
}

/* -------------------- 菜单图标   -------------------- */
.wevicon-menu-default:before      { content: "\e96c"; }
/* -------------------- 首页   -------------------- */
/* 我的首页 */
.wevicon-menu-0:before { content: "\E9B8";}
/* -------------------- 个人   -------------------- */
/* 我的资料 */
.wevicon-menu-1:before { content: "\E928";}
/* -------------------- 流程   -------------------- */
/* 待办事宜 */
.wevicon-menu-13:before  { content: "\e98f"; }
/* 新建流程 */
.wevicon-menu-12:before  { content: "\e98b"; }
/* 已办事宜 */
.wevicon-menu-90:before  { content: "\e989"; }
/* 我的请求 */
.wevicon-menu-14:before  { content: "\e98d"; }
/* 查询流程 */
.wevicon-menu-15:before  { content: "\e98c"; }

/* -------------------- 知识   -------------------- */
/* 我的文档 */
.wevicon-menu-17:before  { content: "\e928"; }
/* 查询文档 */
.wevicon-menu-23:before  { content: "\e98c"; }
/* -------------------- 项目   -------------------- */
/* 查询项目 */
.wevicon-menu-41:before  { content: "\e995"; }
/* 项目监控 */
.wevicon-menu-216:before  { content: "\E98A"; }

/* -------------------- 客户   -------------------- */
/* 查询客户 */
.wevicon-menu-30:before  { content: "\E925"; }
/* 新建客户 */
.wevicon-menu-24:before  { content: "\E92B"; }

.crm-e9aside-container .crm-wea-menu,
.crm-e9aside-container .ant-menu {
    background-color: #2a2e35;
}

.crm-e9aside-container .crm-wea-menu .crm-wea-menu-switch {
    background-color: #003666;
}

.crm-e9aside-container .crm-wea-menu .crm-wea-menu-switch i {
    color: #fff;
    opacity: 0.6;
}

.crm-e9aside-container .crm-wea-menu .ant-menu-item,
.crm-e9aside-container .crm-wea-menu .ant-menu-submenu-title {
    color: #fff;
    opacity: 0.8;
}

.crm-e9aside-container .crm-wea-menu .crm-wea-menu-selected,
.crm-e9aside-container .crm-wea-menu-inline .ant-menu-item:hover,
.crm-e9aside-container .crm-wea-menu-inline .ant-menu-submenu-title:hover,
.crm-e9aside-container .crm-wea-menu-vertical .ant-menu-item-active,
.crm-e9aside-container .crm-wea-menu-vertical .ant-menu-submenu-active {
    color: #fff !important;;
    background-color: #636c7c !important;
    opacity: 1 !important;;
}

.crm-e9aside-container .crm-wea-menu-vertical .ant-menu-root > .ant-menu-item-active:before,
.crm-e9aside-container .crm-wea-menu-vertical .ant-menu-root > .ant-menu-submenu-active:before {
    border: 2px solid #636c7c;
    border-top: 21px solid #636c7c;
    border-bottom: 21px solid #636c7c;
}

.crm-e9aside-container .crm-wea-menu-vertical .ant-menu-root > .ant-menu-submenu-active,
.crm-e9aside-container .crm-wea-menu-vertical .ant-menu-submenu-active > ul {
    background-color: #003666 !important;
}